<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://displaytag.sf.net" prefix="display" %>

<style type="text/css">
    input.error, select.error, textarea.error{border: 1px solid #CC0000;}
</style>

<script language='javascript' type="text/javascript" src="<html:rewrite page='/script/recreacional.js'/>"></script>


<html:form action="/ListaCandidatos.do" onsubmit="return validateForm();" method="POST" enctype="multipart/form-data">

    <input type="hidden" name="method" value="guardar"/>
    <TABLE style="WIDTH: 100%">
        <TBODY>
            <TR>
                <TD class=espacio_titulo_barra></TD></TR>
            <TR>
                <TD>
                    <DIV>
                        <TABLE width="100%">
                            <TBODY>
                                <TR>
                                    <TD style="HEIGHT: 40px"><SPAN
                                            id=ctl00_cphCuerpo_lbltitulo class=titulo>Registrar Lista de Candidatos</SPAN>
                                        <HR>
                                    </TD></TR>
                                <TR>
                                    <TD></TD></TR>
                                <TR>
                                    <TD>

                                        <TABLE cellSpacing=0 cellPadding=2 width="100%" align=center>
                                            <TBODY>
                                                <TR>
                                                    <TD colSpan=2>
                                                        <DIV style="DISPLAY: none; COLOR: red"
                                                             id=ctl00_cphCuerpo_SummaryValidation></DIV></TD></TR>
                                                <TR>
                                                    <TD width="10%">Nombre:</TD>
                                                    <TD>
                                                        <html:text style="WIDTH: 350px" maxlength="100" styleClass="stl_texbox" property="bean.nombre" />
                                                        <SPAN
                                                            style="VISIBILITY: hidden; COLOR: red"
                                                            id=ctl00_cphCuerpo_RequiredNombre>*</SPAN></TD></TR>
                                                <TR>
                                                    <TD>Logo:</TD>
                                                    <TD>
                                                        <html:file property="formFile"/>
                                                        <SPAN
                                                            style="VISIBILITY: hidden; COLOR: red"
                                                            id=ctl00_cphCuerpo_RequiredNombre0>*</SPAN></TD></TR>
                                            </TBODY></TABLE>



                                    </TD>
                                </TR>

                                <TR>
                                    <TD>
                                        <TABLE border=0 width="70%">
                                            <TBODY>
                                                <TR>
                                                    <TD style="HEIGHT: 15px" vAlign=bottom
                                                        colSpan=6><strong>MIEMBROS DE LISTA </strong></TD>
                                                </TR>
                                                <TR><TD>&nbsp;</TD></TR>
                                                <TR>
                                                    <TD colSpan=6>
                                                        <DIV>
                                                            <display:table name="sessionScope.ListaCandidatosForm.formFileList" rules="all" uid="ctl00_cphCuerpo_gvCandidatos"
                                                                           excludedParams="*" class="DivGrillaBorde GridViewStyle"
                                                                           id="lista" sort="list" style="WIDTH: 100%; BORDER-COLLAPSE: collapse; HEIGHT: 37px" cellspacing="0" defaultsort="1" defaultorder="ascending" >
                                                                <display:setProperty name="paging.banner.placement" value="bottom"/>

                                                                <display:column title="Puesto" headerClass="header-gridview" style="width:15%;" scope="col">
                                                                    ${lista.puesto.descripcion}
                                                                </display:column>

                                                                <display:column title="Socio" headerClass="header-gridview" style="width:40%;" scope="col">
                                                                    <html:select name="ListaCandidatosForm" property="formFileList[${lista_rowNum - 1}].socio.codigo">
                                                                        <html:optionsCollection property="mapList.sociosList" label="nombre" value="codigo"/>
                                                                    </html:select>
                                                                    <%--<input type="text" size="60" name="socio${lista.socio.codigo}" value="${lista.socio.nombre}"  />--%>
                                                                </display:column>

                                                            </display:table>
                                                        </DIV></TD></TR></TBODY></TABLE></TD></TR>

                                <TR>
                                    <TD style="HEIGHT: 30px" vAlign=bottom align="center">

                                        <html:submit styleId="ctl00_cphCuerpo_btnNuevo" value="Aceptar"/>
                                        <INPUT id=ctl00_cphCuerpo_btnNuevo value="Atr&aacute;s" type=button name=ctl00$cphCuerpo$btnNuevo onClick="window.location = '<html:rewrite action="/SolicitudInscripcion.do?method=retroceder"/>'">
                                    </TD>
                                </TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE>
                            </html:form>

<script type="text/javascript">

    function validateForm(){
        var objForm = document.forms["ListaCandidatosForm"];
        var msg = "";
        hasError = false;
        for(i=0; i<objForm.elements.length; i++){
            removeClass(objForm.elements[i],"error");
        }

        if(isEmpty(objForm['bean.nombre'].value)) {
            msg += appendError(objForm['bean.nombre'],"Nombre","es requerido");
        }

        if(isEmpty(objForm['formFile'].value)) {
            msg += appendError(objForm['formFile'],"Logo","es requerido");
        }

        if(msg!=""){
            alert(msg);
            return false;
        }
        else{
            return true;
        }
    }

</script>